<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="app">

    <h2 v-if="isShow">
        <div>{{message}}</div>
        <div>{{message}}</div>
    </h2>
    <h1 v-else>当isShow为false时显示我</h1>
    <hr>

    <h2 v-if="code == 'Y'">code为“Y”时显示</h2>
    <h2 v-else-if="code == 'N'">code为“N”时显示</h2>
    <h2 v-else>code为其它时显示</h2>
</div>


<script src="../../js/vue.js"></script>

<script>
    const vue = new Vue({
        el: "#app",
        data: {
            message: "Hello vue,你好！",
            isShow: true,
            code: "Y"
        },
        methods: {

        }
    });
</script>

</body>
</html>